// var lis=document.getElementsByTagName("li"),
// 	divs=document.getElementsByTagName("div");
//     console.log(lis);
//     console.log(divs);
//     for(var i=0;i<lis.length;i++){
//         lis[i].onclick=function(){
//             console.log(lis[i]);
//             for(var i=0;i<lis[i].length;i++){
//                 lis[i].className="";
//                 divs[i].className="";	
//             }
//             this.className="active";
//             var j=this.getAttribute("bbb");
//             lis[i].className="active";
//             divs[j].className="sang active";
//         }
        
//     }


var h3_father = document.getElementsByClassName("content_h3_father")[0];
var h3s =h3_father.getElementsByTagName("h3");
var content_right=document.getElementsByClassName("content_right")[0];
var h2s=content_right.getElementsByTagName("h2");
var ps=content_right.getElementsByTagName("p");
var wrapper1_span=document.getElementsByClassName("wrapper1_span")[0];
var span2=wrapper1_span.getElementsByClassName("span2");


for(i=0;i<h3s.length;i++){
    h3s[i].setAttribute('index',i)
    ps[i].setAttribute('index',i)
    span2[i].setAttribute('index',i)
    h3s[i].onclick=function(){
          for(i=0;i<h3s.length;i++){
              h3s[i].className="";
              ps[i].style.display="none";
              span2[i].style.display="none";
          }
          this.className="current";
          var index= this.getAttribute("index")
         ps[index].style.display="block"
         span2[index].style.display="inline-block"
    }
}